<script setup>
import { ref, watch } from 'vue';

const money = ref(10000)
const add = () => {
    money.value += 1000
}

// 1. 监听单个属性(常见)
// 语法 第一个参数，是要监听的数据源
// 第二个参数，是数据源改变之后会触发的函数
// 两个参数，第一个代表改变后的值，第二个是改变前的值
watch(money, (val, oldVal) => {
    console.log('money变化了', val, oldVal);
})
</script>

<template>
    <div>{{ money }}</div>
    <button @click="add">点我加工资</button>
</template>